/* standard elements */
* { margin: 0; padding: 0; }

a { text-decoration: none; }

body { background: #111 url(/media/images/dark/bg.jpg) repeat-y center top; color: #BBB; font: normal 62.5% "Lucida Sans Unicode" ,sans-serif; }

p, ul { font-size: 1.2em; padding-bottom: 1.2em; }

blockquote { font: bold 1em sans-serif; }

code { background: #444; display: block; font-size: 12px; margin: 0 10px 12px; overflow: auto; padding: 8px 10px; white-space: pre; }

img { border: none; }

ul { margin-left: 2em; }
h1 { font: normal 2.4em sans-serif; }
h2 { font: bold 1.6em Verdana,sans-serif; padding-bottom: 4px; }

/* misc */
.clearer { clear: both; }
.stripes { background: #333 url(/media/images/dark/stripe.gif); height: 6px; }
.left { float: left; }
.right { float: right; }

/* header */
.header { background: #111; border-bottom: 1px solid #333; font: normal 2em sans-serif; height: 70px; }
.header a { color: #888; display: block; line-height: 70px; text-decoration: none; width: 100%; }
.header span { padding-left: 32px; }
.header a:hover { background: #191919; color: #BBB;  }

/* structure */
.container { border: 3px solid #444; border-top: none; }

.main { background: #303030; border-bottom: 1px solid #2A2A2A; border-left: 1px solid #2A2A2A; }
.main .left { width: 64%; }
.main .right { width: 36%; }

.content { border-left: 1px solid #444; border-top: 1px solid #444; padding: 16px; }

/* content elements */
.content h1 { background: url(/media/images/dark/bgh1.gif) repeat-x left bottom; color: #EEE; margin-bottom: 10px; padding: 6px 0 4px; }
.content h2 { background: url(/media/images/dark/bgh1.gif) repeat-x left bottom; color: #EEE; margin-bottom: 10px; padding: 6px 0 4px; }
.content a { color: #999; border-bottom: dashed 1px; }
.content a:hover { color: #EA8E57; }
.content .descr { margin-bottom: 5px; }
.ptitle a:hover { color: #CCC; text-decoration: none; border-bottom: 0px; }
.ptitle a { color: #EA8E57; text-decoration: none; border-bottom: 0px; }
.readmore a { color: #EA8E57; border-bottom: 0px; text-decoration: none; display: block; text-align: right; }
/* Comments */
.comment-content-even, .comment-content-odd, .comment-content-owner, .comment-content-gfowner { background-color: #333; margin-left: 115px; border-top: 1px solid #555; border-right: 1px solid #555; border-left: 1px solid #555; padding: 0.8em; padding-top: 3em; font-size: 0.8em; }
.comment-content-even { border-bottom: solid 2px #e0944a; }
.comment-content-odd { border-bottom: solid 2px #9cb5f3; }
.comment-content-owner { border-bottom: solid 2px #afdf08; font-size: 10px; }
.comment-content-gfowner { border-bottom: solid 2px #f17adc; }
ol#comment-list { margin: 1em 0; padding: 0; list-style-type: none; }
.comment-dash { float: right; display: block; font-size: 1.4em; color: #fff; padding: 0.2em; }
.comment-dash a { border: 0px; }
.comment-header { display: block; float: left; width: 110px; font-weight: normal; }
ol#comment-list li { margin: 1em 0; padding: 0; clear: left; }
.comment-user-info { float: left; margin-left: 5px; width: 65px; font-size: 1.1em; }
.comment-user-flag { float: left; margin-left: 5px; margin-top: 2px; }
#id_person_name { border: 0; display: block; color: #fff; background: #555; padding: 4px; width: 250px; height: 20px; border-bottom: 2px solid #afdf08; border-top: 1px solid #333; border-right: 1px solid #333; border-left: 1px solid #333; margin: 0.5em 0 0 0; }
#id_comment { border: 0; display: block; color: #fff; background: #555; padding: 4px; width: 350px; height: 100px; border-bottom: 0px solid #afdf08; border-top: 1px solid #333; border-right: 1px solid #333; border-left: 1px solid #333; margin: 0.5em 0 0 0; }
/* comment form*/
#commentform { font-size: 12px; }
#commentform img { margin-bottom: -12px; }
#commentform input:hover { border-bottom: 2px solid #AFDF08; }

.submit-post, .submit-preview { border: 0; color: #BBB; background: #555; padding: 4px; border: 1px solid #333; margin: 0.5em 0 0 0; }
#id_name, #id_email, #id_url, #id_captcha_1 { border: 0; display: block; color: white; background: #555; padding: 4px; width: 250px; height: 20px; border-bottom: 2px solid #AFDF08; border-top: 1px solid #333; border-right: 1px solid #333; border-left: 1px solid #333; margin: 0.5em 0 0 0; }
#id_captcha_1 { display: inline; }

/* date layout */
.date-container { width: 30px; float: left; }
.date-container strong { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: right; color: #999999; display: block; }
.date-container em { font-family: Arial, Helvetica, sans-serif; font-size: 2.4em; font-weight: bold; letter-spacing: 1px; text-align: right; color: #666666; display: block; padding-top: 0px; font-style: normal; }
.date-year { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; text-transform: uppercase; text-align: right; color: #999999; display: block; }
/* navigation */
.nav { background: #191919 url(/media/images/dark/nav.gif); padding-right: 20%; }
.nav a { background: #191919 url(/media/images/dark/nav.gif); border-right: 1px solid #161616; color: #CCC; float: right; font: bold 1em Verdana,sans-serif; line-height: 50px; padding: 0 20px; }
.item1 { border-bottom: 2px solid #3351BF; border-left:1px solid #161616; }
.item2 { border-bottom: 2px solid #255715; }
.item3 { border-bottom: 2px solid #763006; }
.item4 { border-bottom: 2px solid #AFDF08; }
.nav a:hover { background: #191919 url(/media/images/dark/nav_hover.gif); }

/* sub-navigation */
.subnav { background: #2A2A2A; border: 1px solid #1E1E1E; border-top-color: #444; padding: 12px; }
.subnav h1 { padding-top: 8px; }
.subnav ul { margin: 0; }
.subnav li { background: url(/media/images/dark/li.gif) no-repeat left bottom; list-style: none; margin: 0; }
.subnav li a { color: #777; line-height: 2.4em; padding-left: 18px; text-decoration: none; }
.subnav li a:hover { color: #BBB; }

/* footer */
.footer { background: #191919; border-top: 1px solid #444; color: #999; padding: 3% 3% 1%; }
.footer ul { border-top: 1px solid #262626; margin: 0; }
.footer li { border-bottom: 1px solid #262626; list-style: none; }
.footer li a { display: block; line-height: 2em; padding-left: 4%; width: 96%; }
.footer a { color: #666; }
.footer a:hover { color: #BBB; background: #222; }
.col3, .col3center { float: left; width: 31%; }
.col3center { margin: 0 3%; }

/* bottom */
.bottom { color: #666; clear: both; font-size: 1.1em; }
.bottom a, .bottom .right a:hover { color: #888; }
.bottom .right, .bottom .right a { color: #555; }
